/* Layout */
#wrapper{width:100%;height:100%}
#header{width:100%}
#container{width:100%}	
.page_middle:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
#side{float:left;width:240px;height:100%}
#content{float:right;width:960px;}
.page_main{height:100%}
.content_clear{clear:both}	
#footer{width:100%}
#layer_right{position:absolute;z-index:10;width:1px;height:1px;left:0;top:0}
/* Etc */
.page_width{width:1200px;margin:0 auto}
.page_menu ul{margin:0;padding:0;font-size:0}
.page_menu li{display:inline-block;*zoom:1;*display:inline;white-space:nowrap}
.page_menu_sub ul{margin:0;padding:0;font-size:0}
.page_menu_sub li{display:inline-block;*zoom:1;*display:inline;white-space:nowrap}
.navi_son_box{width:0;height:0;*display:inline;clear:both}
@media screen and (-webkit-min-device-pixel-ratio:0){.navi_son_box{overflow:auto}}
.page_menu_div{display:none;position:absolute;z-index:1000;left:0}
.page_menu_sub li{display:inline-block;*zoom:1;*display:inline}
.page_side_menu_one .box, .page_side_menu_one_a .box{position:relative;height:100%}
.page_side_menu_one .down_num, .page_side_menu_one_a .down_num{position:absolute;right:0;height:100%}
.page_side_menu_div{display:none;width:100%}
.page_side_menu_sub li{display:inline-block;*zoom:1;*display:inline;width:100%}
.url_box{height:100%}
.url_box>ol>li{display:inline-block;*display:inline;*zoom:1}
.mode_left{height:100%;float:left}
.mode_right{height:100%;float:right}
.page_down_menu ul{margin:0;padding:0;font-size:0}
.page_down_menu li{display:inline-block;*zoom:1;*display:inline;white-space:nowrap}
.page_menu_one_font,.page_menu_one_font_a{vertical-align:middle}
.page_menu_sub_one_font,.page_menu_sub_one_font_a{vertical-align:middle}

.page_tab_div{text-align:left}
.page_tab_div:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.page_tab{display:block;float:left}
.page_tab:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.page_tab>li{float:left}
.page_tab_one,.page_tab_one_a{position:relative;display:inline-block;*display:inline;*zoom:1}
.page_tab_one_a{z-index:1}
.page_tab_one:before,.page_tab_one_a:before{content:"";display:inline-block;*zoom:1;*display:inline;width:0;height:100%;vertical-align:middle}

/* Data */
.page_back{height:100%;}
.page_pattern{height:100%;background: url('http://eyecube.mong9.com/m9_img/background/etc/svisual.jpg') 50% 0% no-repeat;}
.page_banner{width:100%;margin:0 auto;}
.page_up_link_box{width:1200px;margin:0 auto;}
.page_button_down{width:100%;margin:0 auto;}
.page_middle{width:1200px;margin:0 auto;margin:0 auto;}
.page_left{}
.page_main{margin:0 0 0 50px;}
.page_down_link_box{background:#4c4e55;width:100%;margin:0 auto;}
.page_down{background:#f1f1f1;width:100%;margin:0 auto;}
.page_down_link_box_line1{display:none;}
.page_down_line1{display:none;}
.page_top_menu{background:#111111;width:100%;}
.page_main_in{padding:30px 50px 30px 50px;}
.page_up_link{}
.page_up_link_line1{display:none;}
.page_up_link_line2{display:none;}
.page_up_link_line3{display:none;}
.page_up_link_td1{font-size:0;line-height:100%;text-align:center;}
.page_up_link_td2{height:0px;}
.page_up_link_box{width:1200px;padding:0px 0px 0px 0px;margin:0 auto;}
.page_menu{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;background:#FFFFFF;margin:15px 0;}
.page_menu_one{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:60px;padding:0px 30px 0px 30px;text-align:center;}
.page_menu_one_a{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:60px;padding:0px 30px 0px 30px;text-align:center;}
.page_menu_one_icon{display:none}
.page_menu_divide{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:60px;}
.page_menu_one_divide{display:none}
.page_menu_box{margin:0 auto;font-size:0;width:100%;}
.page_menu_sub{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;background:#07224d;}
.page_menu_sub_one{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:40px;padding:0px 15px 0px 15px;text-align:left;}
.page_menu_sub_one_a{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;background:#00489d;height:40px;padding:0px 15px 0px 15px;text-align:left;}
.page_menu_sub_one_icon{display:none}
.page_menu_sub_divide{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;height:40px;}
.page_menu_sub_one_divide{background: url('http://eyecube.mong9.com/m9_img/icon/divide/alpah30_2x10_line.png') no-repeat;width:2px;height:10px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://eyecube.mong9.com/m9_img/icon/divide/alpah30_2x10_line.png',sizingMethod='crop');;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_menu_div{margin:20px 0 0 0;}
.page_side_menu{background: url('NanumGothicBold.ttf');margin:0 0 20px 0;}
.page_side_menu_line1{height:20px;width:100%;font-size:0;.overflow:hidden}
.page_side_menu_line2{background:#d9d9d9;height:1px;width:100%;font-size:0;.overflow:hidden}
.page_side_menu_line3{display:none;}
.page_side_menu_line4{display:none;}
.page_side_menu_title{display:block;white-space:nowrap;height:160px;text-align:center;}
.page_side_menu_one{text-align:left;height:50px;padding:0px 15px 0px 15px;}
.page_side_menu_one_a{text-align:left;background:#778191;height:50px;padding:0px 15px 0px 15px;}
.page_side_menu_title_icon{display:none}
.page_side_menu_icon{display:none}
.page_side_menu_down_icon{background: url('http://boncns.mong9.com/m9_img/icon/figure/triangle_down_5x3_7c7c7c.gif') no-repeat;width:5px;height:3px;;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_side_menu_content{background:#FFFFFF;border:1px solid #d9d9d9;}
.page_side_menu_sub{background:#F1F1F1;border:1px solid #D9D9D9;}
.page_side_menu_sub_line1{display:none;}
.page_side_menu_sub_line2{background:#D9D9D9;height:1px;width:100%;font-size:0;.overflow:hidden}
.page_side_menu_sub_line3{display:none;}
.page_side_menu_sub_one{display:block;white-space:nowrap;text-align:left;height:30px;padding:0px 5px 0px 15px;}
.page_side_menu_sub_one_a{display:block;white-space:nowrap;text-align:left;height:30px;padding:0px 5px 0px 15px;}
.page_side_menu_sub_one_icon{background: url('http://boncns.mong9.com/m9_img/icon/figure/box_2x2_000000.gif') no-repeat;width:2px;height:10px;margin:0 5px 0 0;;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_side_menu_sub_box{padding:5px;}
.page_url{}
.page_url_line1{display:none;}
.page_url_line2{display:none;}
.page_url_line{text-align:left;}
.page_url_icon{display:none}
.page_down_menu{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;}
.page_down_menu_one{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;float:left;height:40px;padding:0px 20px 0px 20px;text-align:center;}
.page_down_menu_one_a{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;float:left;height:40px;padding:0px 20px 0px 20px;text-align:center;}
.page_down_menu_divide{display:inline-block;*zoom:1;*display:inline;white-space:nowrap;float:left;height:40px;}
.page_down_menu_one_divide{background: url('http://boncns.mong9.com/m9_img/icon/divide/alpah30_2x10_line.png') no-repeat;width:2px;height:10px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://boncns.mong9.com/m9_img/icon/divide/alpah30_2x10_line.png',sizingMethod='crop');;display:inline-block;*zoom:1;*display:inline;font-size:0;vertical-align:middle;}
.page_down_link{text-align:right;}
.page_down_menu_box{margin:0 auto;font-size:0;width:1200px;}
.page_down_menu_line{font-size:0;line-height:100%;}
.page_tab{background: url('NanumGothicBold.ttf');margin:0 0 -1px 0;}
.page_tab_one{background:#FFFFFF url('NanumGothicBold.ttf');height:35px;padding:0px 10px 0px 10px;text-align:left;border:1px solid #999999;margin:-1px 0 0 -1px;}
.page_tab_one_a,.page_tab_one:hover,.page_tab_one:focus{background:#222222 url('NanumGothicBold.ttf');height:35px;padding:0px 10px 0px 10px;text-align:left;border:1px solid #222222;margin:-1px 0 0 -1px;}
.page_tab_one_icon{display:none}
.page_tab_divide{height:35px;}
.page_tab_one_divide{display:none}
.page_tab_div{margin:20px 0;}
.page_menu_one_font{font-size:14pt;color:#111111;}
.page_menu_one_font_a{font-size:14pt;color:#1b95d4;}
.page_menu_sub_one_font{font-size:12pt;color:#cccccc;}
.page_menu_sub_one_font_a{font-size:12pt;color:#FFFFFF;}
.page_side_menu_title_font{font-size:18pt;color:#fff;}
.page_side_menu_one_font{font-size:12pt;color:#333333;}
.page_side_menu_one_font_a{font-size:12pt;color:#FFFFFF;}
.page_side_menu_sub_one_font{font-size:11pt;color:#333333;}
.page_side_menu_sub_one_font_a{font-size:11pt;color:#333333;}
.page_url_font{font-size:11pt;color:#FFFFFF;}
.page_down_menu_font{}
.page_down_menu_font_a{}
.page_down{}
.page_down_menu_one_font{font-size:11pt;color:#cccccc;}
.page_down_menu_one_font_a{font-size:11pt;color:#FFFFFF;}
.page_tab_one{font-size:8pt;font-weight:bold;color:#333333;}
.page_tab_one_a,.page_tab_one:hover,.page_tab_one:focus{font-size:8pt;color:#FFFFFF;}
.page_input1{line-height:1;}

/* 반응형 스타일 */
@media screen and (max-width:999px){
.page_width{width:100%}
.page_middle{width:100%}
.page_banner{width:100%}
.page_button_down{width:100%}
.page_down{width:100%}
.page_up_link_box{width:100%}
.page_menu_box{width:100%}
.page_down_link_box{width:100%}
.page_down_menu_box{width:100%}
#content{width:auto;float:none;overflow:hidden}
}
@media screen and (max-width:768px){
.page_up_link{margin:0}
.page_up_link_td1{text-align:center}	
.page_up_link_td2{display:none}
.page_up_link_line2{display:none}
.page_menu{display:block;white-space:normal}	


#content{width:100%;float:none;margin:0} /* margin:0 */
.page_main{margin-left:0;margin-right:0}
.page_down_link{text-align:left}	
.page_down_menu{display:block;white-space:normal}	
.mode_box{display:none} /* 보기모드 */
.navi_son_box{display:none}
}
@media screen and (max-width:683px){

#page_menu{display:none}
.page_menu>ul{display:block}
.page_menu>ul>li{display:block;width:auto}
.page_menu_one,.page_menu_one_a{display:block;text-align:left;padding-left:50px}
.page_menu_divide{display:none;float:none}

.navi_son_box{display:block;width:auto;height:auto;display:block;clear:both}
.page_menu_div{position:static}
.page_menu_sub{display:block}
.page_menu_sub>ul>li{display:block;width:auto}
.page_menu_sub_one, .page_menu_sub_one_a{display:block;text-align:left;padding-left:50px}
.page_menu_sub_divide{display:none}

#page_side_menu{display:none}
	
.page_down_menu>ul>li{width:33.2%}
.page_down_menu_one {width:100%;padding:0}
.page_down_menu_one_a {width:100%;padding:0}
.page_down_menu_divide{display:none;float:none}
.page_middle{margin:0}
.page_main{margin:0;border:none}
.page_down_link_box{display:none}

.page_url{display:none}
#side{display:none}

}

@media screen and (max-width:439px){
/* .page_menu li{width:49.99999%} */
.page_down_menu li{width:49.99999%}
.page_main_in{padding:15px 10px 15px 10px}
}
/* User Value */
.page_pattern{background-attachment:fixed;background-position:50% 125px}
.page_url{background:rgba(85,93,107,.7);border:1px solid rgba(255,255,255,.2)}
.url_box>ol>li{border-right:1px solid rgba(255,255,255,.2);min-width:100px}
.page_url_font{line-height:50px;padding:0 10px;display:inline-block}
.page_url_char_icon11{display:none}
.page_main_in{background:#fff}
.page_tab>li{width:33.3%}
.page_tab_one,.page_tab_one_a{width:100%;margin:-1px 0 0 -1px}
/* .page_menu_sub{display:none} */
.board_total_box th, .board_total_box td {border-top:0;}
.board_total_box th.title, .board_total_box td.title{padding:0;}
.page_top_menu{padding: 0px 0;}
/* .page_menu_sub{background: rgba(65,65,65,0.6);} */
/* #footer .gnb {border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background-color: #f5f5f5;} */
/* #footer .gnb .page_down_link_box .page_down_link_box_line1{height:0;} */
#footer .page_down .page_down_line1{height:0;}
/* #footer .gnb .page_down_menu ul li:first-child span{padding-left:0;} */
.page_side_menu_title{background:rgba(33,184,213,.5);border:1px solid rgba(255,255,255,.5)}
@media screen and (max-width:683px){
.page_pattern{background:none}
#header{position:static;border-bottom:none}
.page_menu_sub{display:block}
.page_url{display:none}
.page_up_link_box{margin:0}
.page_menu_div{margin:0}
.page_menu{margin:0}
.page_up_link_line1{display:none}
.page_menu_one_a{background-image:none}
}
@media screen and (max-width:439px){
.page_main_in{padding:20px}
}
/* .page_button_down{display:none} */
.page_side_menu_title_font{vertical-align:middle}
